<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input type="text" id="txt" placeholder="输入关键字">
  <br>
  <ul id="show">

  </ul>
  <script src="./jquery-3.4.1.min.js"></script>
  <script>
    // 请求地址
    // http://suggest.taobao.com/sug?code=utf-8&callback=?
    // 请求方式   get 

    // 发送的数据
    //  q  关键字

    // $.getJSON("请求地址", "发送的数据", "回调函数")
    var txt = document.getElementById("txt");
    txt.oninput = function () {
      // jsonp 请求
      $.getJSON("http://suggest.taobao.com/sug?code=utf-8&callback=?", { q: this.value }, function (res) {
        console.log(res)
        var arr = res.result;
        var str = ``
        $.each(arr, function (ind, ele) {
          $.each(ele, function (index, element) { //男鞋  123791.2342432
            if (index == 0) {
              str += `<li>${element}</li>`
            }
          })
        })
        $("#show").html(str)
      })
    }









  </script>
</body>

</html>